<!DOCTYPE html>

<html class="app-ui">

	<head>
		<!-- Meta -->
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

		<!-- Document title -->
		<title>学科管理</title>

		<meta name="description" content="AppUI - Admin Dashboard Template & UI Framework" />
		<meta name="author" content="rustheme" />
		<meta name="robots" content="noindex, nofollow" />

		<!-- Favicons -->
		<link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" />
		<link rel="icon" href="assets/img/favicons/favicon.ico" />

		<!-- Google fonts -->
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,900%7CRoboto+Slab:300,400%7CRoboto+Mono:400" />

		<!-- Page JS Plugins CSS -->
		<link rel="stylesheet" href="assets/js/plugins/datatables/jquery.dataTables.min.css" />

		<!-- AppUI CSS stylesheets -->
		<link rel="stylesheet" id="css-font-awesome" href="assets/css/font-awesome.css" />
		<link rel="stylesheet" id="css-ionicons" href="assets/css/ionicons.css" />
		<link rel="stylesheet" id="css-bootstrap" href="assets/css/bootstrap.css" />
		<link rel="stylesheet" id="css-app" href="assets/css/app.css" />
		<link rel="stylesheet" id="css-app-custom" href="assets/css/app-custom.css" />
		
		
		
		
		<!-- End Stylesheets -->
	</head>

	<body class="app-ui layout-has-drawer layout-has-fixed-header">
		<script type="text/javascript" src="assets/js/jquery.min.js"></script>
		<script type="text/javascript" src="assets/js/address.js"></script>

		<script type="text/javascript">
			$(function() {
                 var schId=1;//模拟redis取得的数据
				var userconterurl = "http://localhost:6200/";
				var token = sessionStorage.getItem("token");
				var pageCurrent = 1; //默认显示第1页
				var pageSize = 5; //每页显示5笔数据
				var total = 0; //数据总笔数
				var totalPage = 0; //总页数


				allsubject();

				function controllerButton() {
					//计算页数
					if (total % pageSize == 0) {
						totalPage = total / pageSize;
					} else {
						totalPage = parseInt(total / pageSize) + 1;
					}

					$("#pageMessage").html("<font style='color:blue'>" + total + "笔数据，共" + totalPage + "页，当前显示第" + pageCurrent +
						"页</font>");
					$("#firstPage").prop("disabled", false);
					$("#upPage").prop("disabled", false);
					$("#nextPage").prop("disabled", false);
					$("#lastPage").prop("disabled", false);

					if (pageCurrent == 1 && totalPage != 1) {
						$("#firstPage").prop("disabled", true);
						$("#upPage").prop("disabled", true);
					} else if (pageCurrent == 1 && totalPage == 1) {
						$("#firstPage").prop("disabled", true);
						$("#upPage").prop("disabled", true);
						$("#nextPage").prop("disabled", true);
						$("#lastPage").prop("disabled", true);
					} else if (pageCurrent == totalPage) {
						$("#nextPage").prop("disabled", true);
						$("#lastPage").prop("disabled", true);
					}
				}

				//给分页按钮绑定单击事件
				$("#firstPage").click(function() {
					pageCurrent = 1;
					allsubject()
				});
				$("#upPage").click(function() {
					pageCurrent = pageCurrent - 1;
					allsubject()
				});
				$("#nextPage").click(function() {
					pageCurrent = pageCurrent + 1;
					allsubject()
				});
				$("#lastPage").click(function() {
					pageCurrent = totalPage;
					allsubject()
				});

				function allsubject() {
					var context = ""; //学科表格
					var state = "有效";
					$.ajax({
						headers: {
							"token": token
						},
						type: "get",
						//data:{_method:put},
						//数据，json字符串,规定连同请求发送到服务器的数据
						data: {
							paging: pageCurrent,
							size: pageSize,
							schId:schId
						},
						url: userconterurl + "subjectManage/selectAllSubject",
						contentType: "application/x-www-form-urlencoded",
						success: function(data) {
							if (data.code == 1001) {
								total = data.total;
								data = data.lists;
							}
							context += "<table class='table table-bordered table-striped table-vcenter js-dataTable-full'><thead><tr>";
							context += "<th class='text-center'></th>";
							context += "<th>学科名称</th>";
							context += " <th class='hidden-xs'>学校Id</th>";
							context += " <th class='hidden-xs'>学校名称</th>";
							context += " <th class='hidden-xs'>学科状态</th>";
							context += " <th class='hidden-xs'>数据添加时间</th>";
							context += " <th class='hidden-xs'>数据添加人ID</th>";
							context += "<th class='text-center' style='width: 10%;'>修改</th>";
							context += "</tr></thead><tbody>";
							for (var i = 0; i < data.length; i++) {
							//console.log(data[i].subId);
                                context += "<tr><td class='text-center'>" + (i+1) + "</td>";
								context += "<td class='font-500'>" + data[i].subNm + "</td>";
								context += "<td class='text-center'>" + data[i].schId + "</td>";
								context += "<td class='font-500'>" + data[i].schNm + "</td>";
								if (data[i].subState == 1) {
									//console.log(data[i].schState);
									context += "<td class='hidden-xs'>" + state + "</td>";
								} else {
									context += "<td class='hidden-xs' style='color:red'>无效</td>";
								}
								context += "<td class='hidden-xs'>" + data[i].addTime + "</td>";
								context += "<td class='hidden-xs'>" + data[i].addUserId + "</td>";
								context += "<td class='text-center'><div class='btn-group'>";
								context +=
									"<button id='updatesubject' class='btn btn-xs btn-default' type='button' data-toggle='tooltip 'title='修改' name='" +
									data[i].subId + "'><i class='ion-edit'></i></button>";
								context +=
									"<button id='deletesubject' class='btn btn-xs btn-default' type='button' data-toggle='tooltip' title='删除' name='" +
									data[i].subId + "'><i class='ion-close'></i></button>";
								context += "</div></td></tr>";

							}
							context += "</tbody></table>";
							$("#allsubject").html(context);
							controllerButton();
						},
						//请求失败，包含具体的错误信息
						error: function(e) {
							alert(":)");
							//checktoken();
						}
					});
				}

				$("#subjectbut").click(function() {
					var context = ""; //学科表格
					var state = "有效";
					var subNm= $("#selectsubject").val();
					$.ajax({
						headers: {
							"token": token
						},
						type: "get",
						//data:{_method:put},
						//数据，json字符串,规定连同请求发送到服务器的数据
						data: {
							subNm:subNm,
							schId:schId
						},
						url: userconterurl + "subjectManage/selectSubjectByLikesubNm",
						contentType: "application/x-www-form-urlencoded",
						success: function(data) {
							if (data.code == 1001) {
								total = data.total;
								data = data.lists;
							}
							context += "<table class='table table-bordered table-striped table-vcenter js-dataTable-full'><thead><tr>";
							context += "<th class='text-center'></th>";
							context += "<th>学科名称</th>";
							context += " <th class='hidden-xs'>学校Id</th>";
							context += " <th class='hidden-xs'>学校名称</th>";
							context += " <th class='hidden-xs'>学科状态</th>";
							context += " <th class='hidden-xs'>数据添加时间</th>";
							context += " <th class='hidden-xs'>数据添加人ID</th>";
							context += "<th class='text-center' style='width: 10%;'>修改</th>";
							context += "</tr></thead><tbody>";
							for (var i = 0; i < data.length; i++) {
								
					            context += "<tr><td class='text-center'>" + (i+1) + "</td>";
								context += "<td class='font-500'>" + data[i].subNm + "</td>";
								context += "<td class='text-center'>" + data[i].schId + "</td>";
								context += "<td class='font-500'>" + data[i].schNm + "</td>";
								if (data[i].subState == 1) {
									//console.log(data[i].schState);
									context += "<td class='hidden-xs'>" + state + "</td>";
								} else {
									context += "<td class='hidden-xs' style='color:red'>无效</td>";
								}
								context += "<td class='hidden-xs'>" + data[i].addTime + "</td>";
								context += "<td class='hidden-xs'>" + data[i].addUserId + "</td>";
								context += "<td class='text-center'><div class='btn-group'>";
								context +=
									"<button id='updatesubject' class='btn btn-xs btn-default' type='button' data-toggle='tooltip 'title='修改' name='" +
									data[i].subId + "'><i class='ion-edit'></i></button>";
								context +=
									"<button id='deletesubject' class='btn btn-xs btn-default' type='button' data-toggle='tooltip' title='删除' name='" +
									data[i].subId + "'><i class='ion-close'></i></button>";
								context += "</div></td></tr>";
					
							}
							context += "</tbody></table>";
							$("#allsubject").html(context);
							//controllerButton();
						},
						//请求失败，包含具体的错误信息
						error: function(e) {
							alert(":)");
							//checktoken();
						}
					});
					
				}); 


				$("#allsubject").delegate("#deletesubject", "click", function() {
					var subId = $(this).attr("name");
					$.ajax({
						headers: {
							"token": token
						},
						type: "put",
						//data:{_method:put},
						//数据，json字符串,规定连同请求发送到服务器的数据
						data: {
							subId: subId,
							schId:schId
						},
						url: userconterurl + "subjectManage/deleteSubject",
						contentType: "application/x-www-form-urlencoded",
						success: function(data) {
							if (data.code == 1001) {
								alert("删除成功");
								allsubject();
							//	window.location.href="schoolManager.html";
							}
						},
						//请求失败，包含具体的错误信息
						error: function(e) {
							alert(":)");
						}
					});

				});
				
				$("#allsubject").delegate("#updatesubject", "click", function() {
					if(sessionStorage.getItem("insert")=="insert"){
						sessionStorage.removeItem("insert");
						//alert(sessionStorage.getItem("insert"));
					}
					var subId = $(this).attr("name");
					sessionStorage.setItem("subId",subId.toString());
					window.location.href="subjectform.html";
				});


                  $("#form").click(function (){
					  sessionStorage.setItem("insert","insert");
				  });

                




			})
		</script>




		<div class="app-layout-canvas">
			<div class="app-layout-container">

				<!-- Drawer -->
				<aside class="app-layout-drawer">

					<!-- Drawer scroll area -->
					<div class="app-layout-drawer-scroll">
						<!-- Drawer logo -->
						<div id="logo" class="drawer-header">
							<a href="index.html">
								<h4 style=" text-align:center">云阅卷</h4>
							</a>
						</div>

						<!-- Drawer navigation -->
						<nav class="drawer-main">
							<ul class="nav nav-drawer">


								<li class="nav-item nav-drawer-header">菜单导航</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-calculator-outline"></i>考试管理</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examList.html">考试列表</a>
										</li>

										<li>
											<a href="createExam.html">创建考试</a>
										</li>
									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-compose-outline"></i> 在线阅卷</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examSetting.html">阅卷设置</a>
										</li>

										<li>
											<a href="examPapers.html">我要阅卷</a>
										</li>

										<li>
											<a href="examProblemPapers.html">问题卷处理</a>
										</li>
										<li>
											<a href="examProgress.html">进度监控</a>
										</li>

										<li>
											<a href="examQuality.html">质量抽查</a>
										</li>

									</ul>
								</li>


								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-list-outline"></i> 成绩管理</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examReport.html">考试成绩单</a>
										</li>

										<li>
											<a href="examSubReport.html">单科试题得分表</a>
										</li>

										<li>
											<a href="gradeAnalyze.html">年纪成绩分析</a>
										</li>

										<li>
											<a href="classAnalyze.html">班级成绩分析</a>
										</li>

									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-browsers-outline"></i> 教师讲卷</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="scoreAndPapers.html">成绩与答卷</a>
										</li>

										<li>
											<a href="highScoreComposition.html">高分作文</a>
										</li>

										<li>
											<a href="topicScore.html">试题得分情况</a>
										</li>

										<li>
											<a href="subAnalyzeReport.html">学科分析报表</a>
										</li>
									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-social-javascript-outline"></i> 用户中心</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="schoolManager.html">学校管理</a>
											
										</li>

										<li>
											<a href="subManager.html">学科管理</a>
										</li>

										<li>
											<a href="gradeManager.html">年级管理</a>
										</li>

										<li>
											<a href="gradeAndSubManager.html">年级与学科关系维护</a>
										</li>

										<li>
											<a href="teaManager.html">教师管理</a>
										</li>

										<li>
											<a href="classManager.html">班级管理</a>
										</li>

										<li>
											<a href="stuManager.html">学生管理</a>
										</li>

										<li>
											<a href="subAdnClassAnager.html">学科与班级关系维护</a>
										</li>
									</ul>
								</li>

							</ul>
						</nav>
						<!-- End drawer navigation -->

						<div class="drawer-footer">
							<p class="copyright">Copyright &copy; 2020.北京万邦易嵌科技有限公司.<a target="_blank" href="http://www.wanbangee.com">万邦易嵌</a></p>
						</div>
					</div>
					<!-- End drawer scroll area -->
				</aside>
				<!-- End drawer -->

				<!-- Header -->
				<header class="app-layout-header">
					<nav class="navbar navbar-default">
						<div class="container-fluid">
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse"
								 aria-expanded="false">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<button class="pull-left hidden-lg hidden-md navbar-toggle" type="button" data-toggle="layout" data-action="sidebar_toggle">
									<span class="sr-only">Toggle drawer</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<span class="navbar-page-title">

									查询学科
								</span>
							</div>

							<div class="collapse navbar-collapse" id="header-navbar-collapse">
								<!-- Header search form -->
								<form class="navbar-form navbar-left app-search-form" role="search">
									<div class="form-group">
										<div class="input-group">
											<input id="selectsubject" class="form-control" type="search" id="search-input" placeholder="请输入学科名称搜索" />
											<span class="input-group-btn">
												<button id="subjectbut" class="btn" type="button"><i class="ion-ios-search-strong"></i></button>
											</span>
										</div>
									</div>
								</form>

								<ul id="main-menu" class="nav navbar-nav navbar-left">
									<li class="dropdown">
										<a href="#" data-toggle="dropdown">English <span class="caret"></span></a>

										<ul class="dropdown-menu">
											<li><a href="javascript:void(0)">French</a></li>
											<li><a href="javascript:void(0)">German</a></li>
											<li><a href="javascript:void(0)">Italian</a></li>
										</ul>
									</li>
									<li class="dropdown">
										<a href="#" data-toggle="dropdown">Pages <span class="caret"></span></a>

										<ul class="dropdown-menu">
											<li><a href="javascript:void(0)">Analytics</a></li>
											<li><a href="javascript:void(0)">Visits</a></li>
											<li><a href="javascript:void(0)">Changelog</a></li>
										</ul>
									</li>
								</ul>
								<!-- .navbar-left -->

								<ul class="nav navbar-nav navbar-right navbar-toolbar hidden-sm hidden-xs">
									<li>
										<!-- Opens the modal found at the bottom of the page -->
										<a href="javascript:void(0)" data-toggle="modal" data-target="#apps-modal"><i class="ion-grid"></i></a>
									</li>

									<li class="dropdown">
										<a href="javascript:void(0)" data-toggle="dropdown"><i class="ion-ios-bell"></i> <span class="badge">3</span></a>
										<ul class="dropdown-menu dropdown-menu-right">
											<li class="dropdown-header">Profile</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News </a>
											</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages </a>
											</li>
											<li class="divider"></li>
											<li class="dropdown-header">More</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
											</li>
										</ul>
									</li>

									<li class="dropdown dropdown-profile">
										<a href="javascript:void(0)" data-toggle="dropdown">
											<span class="m-r-sm">John Doe <span class="caret"></span></span>
											<img class="img-avatar img-avatar-48" src="assets/img/avatars/avatar3.jpg" alt="User profile pic" />
										</a>
										<ul class="dropdown-menu dropdown-menu-right">
											<li class="dropdown-header">
												Pages
											</li>
											<li>
												<a href="base_pages_profile.html">Profile</a>
											</li>
											<li>
												<a href="base_pages_profile.html"><span class="badge badge-success pull-right">3</span> Blog</a>
											</li>
											<li>
												<a href="frontend_login_signup.html">Logout</a>
											</li>
										</ul>
									</li>
								</ul>
								<!-- .navbar-right -->
							</div>
						</div>
						<!-- .container-fluid -->
					</nav>
					<!-- .navbar-default -->
				</header>
				<!-- End header -->

				<main class="app-layout-content">

					<!-- Page Content -->
					<div class="container-fluid p-y-md">
						<!-- Dynamic Table Full -->
						<div class="card">
							<div class="card-header">
								<h4>学科管理  <a id="form" href="subjectform.html" style="margin-left: 50px
								;">添加学科</a></h4>
							</div>
							<!-- <div class="card-header">
								<a href="schoolform.html">添加学校</a>
							</div> -->
							<div id="subjectmanager" class="card-block">

								<div id="allsubject" class="card-block"></div>
								<div id="page" style="display: table;width: 100%;margin: 0;padding: 24px 24px;border-bottom: 1px solid transparent;border-top-right-radius: 3px;border-top-left-radius: 3px;">
									<input type="button" id="firstPage" value="首页">
									<input type="button" id="upPage" value="上一页">
									<input type="button" id="nextPage" value="下一页">
									<input type="button" id="lastPage" value="尾页">
									<span id="pageMessage"></span>
								</div>
								<!-- DataTables init on table by adding .js-dataTable-full class, functionality initialized in js/pages/base_tables_datatables.js -->
								<!-- <table class="table table-bordered table-striped table-vcenter js-dataTable-full">
                                    <thead>
                                        <tr>
                                            <th class="text-center"></th>
                                            <th>Name</th>
                                            <th class="hidden-xs">Email</th>
                                            <th class="hidden-xs w-20">Position</th>
                                            <th class="text-center" style="width: 10%;">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="text-center">1</td>
                                            <td class="font-500">Denise Watson</td>
                                            <td class="hidden-xs">client1@example.com</td>
                                            <td class="hidden-xs">Accountant</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">2</td>
                                            <td class="font-500">Ethan Howard</td>
                                            <td class="hidden-xs">client2@example.com</td>
                                            <td class="hidden-xs">Technical Author</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">3</td>
                                            <td class="font-500">Denise Watson</td>
                                            <td class="hidden-xs">client3@example.com</td>
                                            <td class="hidden-xs">Developer</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">4</td>
                                            <td class="font-500">Evelyn Willis</td>
                                            <td class="hidden-xs">client4@example.com</td>
                                            <td class="hidden-xs">Integration Specialist</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">5</td>
                                            <td class="font-500">Ethan Howard</td>
                                            <td class="hidden-xs">client5@example.com</td>
                                            <td class="hidden-xs">Regional Director</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">6</td>
                                            <td class="font-500">Carl Snyder</td>
                                            <td class="hidden-xs">client6@example.com</td>
                                            <td class="hidden-xs">Designer</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">7</td>
                                            <td class="font-500">Jack Greene</td>
                                            <td class="hidden-xs">client7@example.com</td>
                                            <td class="hidden-xs">Regional Director</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">8</td>
                                            <td class="font-500">Amber Walker</td>
                                            <td class="hidden-xs">client8@example.com</td>
                                            <td class="hidden-xs">Regional Director</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">9</td>
                                            <td class="font-500">Ethan Howard</td>
                                            <td class="hidden-xs">client9@example.com</td>
                                            <td class="hidden-xs">Regional Director</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-center">10</td>
                                            <td class="font-500">Craig Stone</td>
                                            <td class="hidden-xs">client10@example.com</td>
                                            <td class="hidden-xs">Designer</td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Edit Client"><i class="ion-edit"></i></button>
                                                    <button class="btn btn-xs btn-default" type="button" data-toggle="tooltip" title="Remove Client"><i class="ion-close"></i></button>
                                                </div>
                                            </td>
                                        </tr>
                                  
                                        
                                    </tbody>
                                </table> -->
							</div>
							<!-- .card-block -->
						</div>
						<!-- .card -->
						<!-- End Dynamic Table Full -->

						<!-- Dynamic Table Simple -->
						<div class="card">

						</div>
						<!-- .card -->
						<!-- End Dynamic Table Simple -->
					</div>
					<!-- .container-fluid -->
					<!-- End Page Content -->

				</main>

			</div>
			<!-- .app-layout-container -->
		</div>
		<!-- .app-layout-canvas -->



		<div class="app-ui-mask-modal"></div>

		<!-- AppUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock and App.js -->
		<script src="assets/js/core/jquery.min.js"></script>
		<script src="assets/js/core/bootstrap.min.js"></script>
		<script src="assets/js/core/jquery.slimscroll.min.js"></script>
		<script src="assets/js/core/jquery.scrollLock.min.js"></script>
		<script src="assets/js/core/jquery.placeholder.min.js"></script>
		<script src="assets/js/app.js"></script>
		<script src="assets/js/app-custom.js"></script>

		<!-- Page JS Plugins -->
		<script src="assets/js/plugins/datatables/jquery.dataTables.min.js"></script>

		<!-- Page JS Code -->
		<script src="assets/js/pages/base_tables_datatables.js"></script>

	</body>

</html>
